<div class="post-comment" data-comment="disqus">
    <span class="post-comment-notloaded">
        <i class="iconfont icon-chatbox-ellipses-sharp"></i>&nbsp;{{ i18n "postComment" }}
    </span>
    <div id="disqus_thread" style="display: none;"></div>
    <script src="https://cdn.jsdelivr.net/npm/disqusjs@1.3.0/dist/disqus.js" integrity="sha512-j5DrA9cH4ZMlbjZYukrp7SmVHevVXxIDueolM1HqajB1sZVjC9HhpOpQLIVthQEmoRk08nq5jWWQV07hJZuWDw==" crossorigin="anonymous"></script>
    <script>
        function loadComment() {
            document.querySelector('#disqus_thread').removeAttribute('style');
            var dsqjs = new DisqusJS({
                shortname: '{{ .Site.Params.disqusShortname }}',
                siteName: '{{ .Site.Title }}',
                identifier: '{{ .File.ContentBaseName }}',
                url: '{{ .Permalink }}',
                title: '{{ .Title }}',
                api: '{{ .Site.Params.disqusJSApi }}',
                apikey: '{{ .Site.Params.disqusJSApikey }}'
            });
            document.querySelector('span.post-comment-notloaded').setAttribute('style', 'display: none;');
        }
    </script>
</div>
